<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>box-shadow:</title>
<style>
@import url(reset.css);

.view {
  padding: 20px; /* shadow padding */
  outline: 1px solid red;
}
.base {
  margin: 10px; padding: 2px;
  border: 1px solid navy;
}
.boxshadow2 {
  -uu-box-shadow: blue 5px 5px 11px;
}
.radius {
  color: gold;
  -uu-background: blue url(../../img/lena.jpg) repeat top left;
  border: 4px solid skyblue;
  -uu-border-radius: 30px;
}
.noborder {
  border: 0px none;
}
</style>
<script type="text/xaml" id="xaml"><?xml version="1.0"?>
  <Canvas xmlns="http://schemas.microsoft.com/client/2007"></Canvas></script>
<script src="../../uuAltCSS.js"></script>

</head>
<body>
<input type="button" value="revalidate" onclick="uuAltCSS()" />

<div class="view">
  <div class="base">
    <pre>
.base {
  margin: 10px; padding: 2px;
  border: 1px solid navy;
}
    </pre>
  </div>
</div>

<div class="view">
  <div id="tgt" class="base boxshadow2">
    <pre>
.base {
  margin: 10px; padding: 2px;
  border: 1px solid navy;
}
.boxshadow2 {
  -uu-box-shadow: blue 5px 5px 11px;
}
    </pre>
  </div>
</div>



<div class="view">
  <div id="tgt" class="base boxshadow2 radius">
    <pre>
.base {
  margin: 10px; padding: 2px;
  border: 1px solid navy;
}
.boxshadow2 {
  -uu-box-shadow: blue 5px 5px 11px;
}
.radius {
  color: gold;
  -uu-background: blue url(../../img/lena.jpg) repeat top left;
  border: 4px solid skyblue;
  -uu-border-radius: 30px;
}
    </pre>
  </div>
</div>


<div class="view">
  <div id="tgt" class="base boxshadow2 radius noborder">
    <pre>
.base {
  margin: 10px; padding: 2px;
  border: 1px solid navy;
}
.boxshadow2 {
  -uu-box-shadow: blue 5px 5px 11px;
}
.radius {
  color: gold;
  -uu-background: blue url(../../img/lena.jpg) repeat top left;
  border: 4px solid skyblue;
  -uu-border-radius: 30px;
}
.noborder {
  border: 0px none;
}
    </pre>
  </div>
</div>




</body>
</html>